<script>
import CommonAside from "@/components/CommonAside.vue";
import CommonHeader from "@/components/CommonHeader.vue";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Home",
  components:{
    // eslint-disable-next-line vue/no-unused-components
    CommonAside,
    CommonHeader
  },
  data(){
    return {

    }
  }
}
</script>

<template>
<el-container style="height: 100%">
  <el-aside width="auto">
      <common-aside></common-aside>
  </el-aside>
  <el-container>
    <el-header>
      <common-header></common-header>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</el-container>
</template>

<style scoped lang="less">
.el-header{
  background-color: #333;
}
.el-main{
  padding-top: 0;
}
</style>